<% layout('../layouts/layout') %>
<link rel="stylesheet" href="/css/index.css">
<% include ../layouts/layout.header.ejs %>
<div class="container">
    <div class="row">
        <div class="floor mt20">
            <div class="col-main clearfix">
                <div class="col-left">
                    <div class="panel pan-kygs">
                        <div class="panel-heading">
                            <span class="panel-heading-tit">开业公示</span>
                            <a href="/kygs" class="panel-heading-more pull-right">更多...</a>
                        </div>
                        <div class="panel-body clearfix">
                            <div class="col-main-c">
                                <div class="col-left-c clearfix">
                                    <div class="gs-num">
                                        <div class="gs-num-tit">近30日开业</div>
                                        <div class="gs-num-body" id="kygsCount_month"></div>
                                    </div>
                                    <div class="gs-num">
                                        <div class="gs-num-tit">今年开业</div>
                                        <div class="gs-num-body" id="kygsCount_year"></div>
                                    </div>
                                </div>
                                <div class="col-right-c">
                                    <div class="listCont" id="kygsList_vm">
                                        <div class="hideBox text-center" v-bind:class="{active:toggle == 1}">正在加载中...</div>
                                        <div class="hideBox text-center" v-bind:class="{active:toggle == 3}">暂无数据</div>
                                        <div class="hideBox" v-bind:class="{active:toggle == 2}">
                                            <ul class="list">
                                                <li class="item clearfix" v-for="info in infoList">
                                                    <a v-bind:href="'/kygs/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum" class="list-link">{{info.custName}}</a>
                                                    <span class="time-span">{{info.publishDate}}</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-right">
                    <div class="panel pan-hyflrk" id="vocation_vm">
                        <div class="panel-heading">
                            <span class="panel-heading-tit">行业分类入口</span>
                        </div>
                        <div class="panel-body">
                            <div class="hyflrk-title">按行业分类查询市场主体信息：</div>
                            <div class="listCont">
                                <div class="hideBox text-center" v-bind:class="{active:toggle == 1}">正在加载中...</div>
                                <div class="hideBox text-center" v-bind:class="{active:toggle == 3}">暂无数据</div>
                                <div class="hideBox" v-bind:class="{active:toggle == 2}">
                                    <ul class="list">
                                        <li class="item clearfix" v-for="info in infoList">
                                            <a v-bind:href="'/search?bookName='+ info.bookName" class="list-link">{{info.bookName}}</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="fold"></div>
                        <div class="tooth"></div>
                        <div class="fold-triangle"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="floor mt20">
            <div class="col-main clearfix">
                <div class="col-left">
                    <div class="panel pan-oths">
                        <div class="panel-heading">
                            <ul class="p-h-t-l clearfix">
                                <li class="item active">
                                    <a href="#xkxxgs_tab" data-href="/sczr" class="p-h-t-link">许可信息公示</a>
                                </li>
                                <li class="item">
                                    <a href="#xzcfgs_tab" data-href="/scjg" class="p-h-t-link">行政处罚公示</a>
                                </li>
                                <li class="item">
                                    <a href="#jyycml_tab" data-href="/scjg" class="p-h-t-link">经营异常目录</a>
                                </li>
                                <li class="item">
                                    <a href="#jyjcgg_tab" data-href="/scjg" class="p-h-t-link">检验检测公告</a>
                                </li>
                                <li class="item">
                                    <a href="#ryxx_tab" data-href="/ryxx" class="p-h-t-link">荣誉信息</a>
                                </li>
                                <!--隐藏注销公式-->
                                <!--<li class="item">
                                    <a href="#zxgs_tab" data-href="/zxgs" class="p-h-t-link">注销公示</a>
                                </li>-->
                            </ul>
                            <a href="/sczr" class="panel-heading-more pull-right">更多...</a>
                        </div>
                        <div class="panel-body clearfix">
                            <div class="tab-pane" id="xkxxgs_tab">
                                <!--许可信息更改-->
                                <div class="col-main-c">
                                    <div class="col-left-c clearfix">
                                        <div class="gs-num gs-num-red">
                                            <div class="gs-num-tit">近30日许可信息</div>
                                            <div class="gs-num-body" id="permission_month"></div>
                                        </div>
                                        <div class="gs-num gs-num-red">
                                            <div class="gs-num-tit">今年许可信息</div>
                                            <div class="gs-num-body" id="permission_year"></div>
                                        </div>
                                    </div>
                                    <div class="col-right-c">
                                        <div class="p-o-cont" id="permission_vm">
                                            <div class="tit">许可信息公示：</div>
                                            <div class="hideBox" v-bind:class="{active:toggle == 2}">
                                                <table class="table table-pot" style="table-layout: fixed">
                                                    <thead>
                                                    <tr>
                                                        <td width="40%" class="text-center">主体信息</td>
                                                        <td width="30%" class="text-center">许可证名称</td>
                                                        <td width="30%" class="text-center">许可时间</td>
                                                    </tr>
                                                    </thead>
                                                    <!--有 6 行 改为 5 行，修改行内样式-->
                                                    <tbody style="height: 260px;overflow: hidden">
                                                    <tr class="text-center" style="height: 40px;" v-if="toggle == 3"><td colspan="3">暂无数据</td></tr>
                                                    <tr class="text-center" style="height: 40px;" v-if="toggle == 1"><td colspan="3">正在加载中...</td></tr>
                                                    <tr style="height: 40px;" v-for="(info,index) in infoList" v-if="toggle == 2">
                                                        <td class="text-center" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis">
                                                            <a v-bind:href="'/scjg/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum">{{info.custName}}</a>
                                                        </td>
                                                        <td class="text-center">{{info.certName}}</td>
                                                        <td class="text-center">{{info.startDate}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="xzcfgs_tab">
                                <div class="col-main-c">
                                    <div class="col-left-c clearfix">
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">近30日处罚</div>
                                            <div class="gs-num-body" id="punishCount_month"></div>
                                        </div>
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">今年处罚</div>
                                            <div class="gs-num-body" id="punishCount_year"></div>
                                        </div>
                                    </div>
                                    <div class="col-right-c">
                                        <div class="p-o-cont" id="punish_vm">
                                            <div class="tit">列入行政处罚企业次数统计：</div>
                                            <div>
                                                <table class="table table-pot">
                                                    <thead>
                                                    <tr>
                                                        <td class="text-center">排名</td>
                                                        <td class="text-center">主体信息</td>
                                                        <td class="text-center">受惩罚次数</td>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr class="text-center" v-if="toggle == 3"><td colspan="3">暂无数据</td></tr>
                                                    <tr class="text-center" v-if="toggle == 1"><td colspan="3">正在加载中...</td></tr>
                                                    <tr v-for="(info,index) in infoList" v-if="toggle == 2">
                                                        <td class="text-center">{{index + 1 }}</td>
                                                        <td class="text-center">
                                                            <a v-bind:href="'/scjg/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum">{{info.custName}}</a>
                                                        </td>
                                                        <td class="text-center">{{info.punishNum}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="jyycml_tab">
                                <div class="col-main-c">
                                    <div class="col-left-c clearfix">
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">近30日经营异常</div>
                                            <div class="gs-num-body" id="exceptionDirCount_month"></div>
                                        </div>
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">今年经营异常</div>
                                            <div class="gs-num-body" id="exceptionDirCount_year"></div>
                                        </div>
                                    </div>
                                    <div class="col-right-c">
                                        <div class="p-o-cont" id="exceptionDir_vm">
                                            <div class="tit">列入经营异常目录企业次数统计：</div>
                                            <div>
                                                <table class="table table-pot">
                                                    <thead>
                                                    <tr>
                                                        <td class="text-center">排名</td>
                                                        <td class="text-center">主体信息</td>
                                                        <td class="text-center">列入异常次数</td>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr class="text-center" v-if="toggle == 3"><td colspan="3">暂无数据</td></tr>
                                                    <tr class="text-center" v-if="toggle == 1"><td colspan="3">正在加载中...</td></tr>
                                                    <tr v-for="(info,index) in infoList" v-if="toggle == 2">
                                                        <td class="text-center">{{index + 1}}</td>
                                                        <td class="text-center">
                                                            <a v-bind:href="'/scjg/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum">{{info.custName}}</a>
                                                        </td>
                                                        <td class="text-center">{{info.exceptionNum}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="jyjcgg_tab">
                                <div class="col-main-c">
                                    <div class="col-left-c clearfix">
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">近30日检验检测</div>
                                            <div class="gs-num-body" id="custDayCheckListCount_month"></div>
                                        </div>
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">今年检验检测</div>
                                            <div class="gs-num-body" id="custDayCheckListCount_year"></div>
                                        </div>
                                    </div>
                                    <div class="col-right-c">
                                        <div class="p-o-cont" id="custDayCheckList_vm">
                                            <div class="tit">列入检验检测企业次数统计：</div>
                                            <div>
                                                <table class="table table-pot">
                                                    <thead>
                                                    <tr>
                                                        <td class="text-center">排名</td>
                                                        <td class="text-center">主体信息</td>
                                                        <td class="text-center">合格次数</td>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr class="text-center" v-if="toggle == 3"><td colspan="3">暂无数据</td></tr>
                                                    <tr class="text-center" v-if="toggle == 1"><td colspan="3">正在加载中...</td></tr>
                                                    <tr v-for="(info,index) in infoList" v-if="toggle == 2">
                                                        <td class="text-center">{{ index + 1 }}</td>
                                                        <td class="text-center">
                                                            <a v-bind:href="'/scjg/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum">{{info.custName}}</a>
                                                        </td>
                                                        <td class="text-center">{{info.countQualified}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="ryxx_tab">
                                <div class="col-main-c">
                                    <div class="col-left-c clearfix">
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">近30日荣誉信息</div>
                                            <div class="gs-num-body" id="honorCount_month"></div>
                                        </div>
                                        <div class="gs-num gs-num-black">
                                            <div class="gs-num-tit">今年荣誉信息</div>
                                            <div class="gs-num-body" id="honorCount_year"></div>
                                        </div>
                                    </div>
                                    <div class="col-right-c">
                                        <div class="p-o-cont" id="honor_vm">
                                            <div class="tit">列入荣誉信息企业：</div>
                                            <div>
                                                <table class="table table-pot">
                                                    <thead>
                                                    <tr>
                                                        <td class="text-center">主体信息</td>
                                                        <td class="text-center">奖项名称</td>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr class="text-center" v-if="toggle == 3"><td colspan="2">暂无数据</td></tr>
                                                    <tr class="text-center" v-if="toggle == 1"><td colspan="2">正在加载中...</td></tr>
                                                    <tr v-for="(info,index) in infoList" v-if="toggle == 2">
                                                        <td class="text-center">
                                                            <a v-bind:href="'/ryxx/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum">{{info.custName}}</a>
                                                        </td>
                                                        <td class="text-center">{{info.honorType}}</td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--注销公式隐藏-->
                            <!--
                            <div class="tab-pane" id="zxgs_tab">
                                <div class="col-main-c" id="logOut_vm">
                                    <div class="listCont">
                                        <div class="hideBox text-center" v-bind:class="{active:toggle == 1}">正在加载中...</div>
                                        <div class="hideBox text-center" v-bind:class="{active:toggle == 3}">暂无数据</div>
                                        <div class="hideBox" v-bind:class="{active:toggle == 2}">
                                            <ul class="list">
                                                <li class="item clearfix" v-for="info in infoList">
                                                    <a v-bind:href="'/kygs/details?custId='+info.custId + '&regNum='+info.regNum +'&custName='+info.custName + '&credNum='+ info.credNum" class="list-link">{{info.custName}}</a>
                                                    <span class="time-span">{{info.apprDate}}</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>-->
                        </div>
                    </div>
                </div>
                <div class="col-right">
                    <div class="box-floor">
                        <ul class="ad-links-list">
                            <li class="item">
                                <a href="http://www.gdcredit.gov.cn/IndexAction!getList.do" class="ad-links" target="_blank">
                                    <img src="/img/ad_links_01.jpg" alt="信用广东网">
                                </a>
                            </li>
                            <li class="item">
                                <a href="http://credit.gz.gov.cn/" class="ad-links" target="_blank">
                                    <img src="/img/ad_links_02.jpg" alt="信用广州网">
                                </a>
                            </li>
                            <li class="item">
                                <a href="https://www.szcredit.org.cn/web/index.html" class="ad-links" target="_blank">
                                    <img src="/img/ad_links_03.jpg" alt="深圳信用网">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="floor mt20">
            <ul class="oMod-list clearfix">
                <li class="item">
                    <a href="/devtZoneMarketSubject/industryList" class="oMod-links">
                        <img src="/img/oMod_01.jpg" alt="开发区行业分布情况">
                    </a>
                </li>
                <li class="item">
                    <a href="/devtZoneMarketSubject/custRegSituate" class="oMod-links">
                        <img src="/img/oMod_02.jpg" alt="开发区近五年企业登记状况">
                    </a>
                </li>
                <li class="item">
                    <a href="/devtZoneMarketSubject/countCustCapital" class="oMod-links">
                        <img src="/img/oMod_03.jpg" alt="开发区企业资本规模分布">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<% include ../layouts/layout.footer.ejs %>
<script src="/js/index.js"></script>